<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>OrderDetail</title>
  <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" type="text/css" href="font/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="style/reset.css" />
  <link rel="stylesheet" type="text/css" href="style/common.css" />
  <link rel="stylesheet" type="text/css" href="style/orderdetail.css" />
</head>

<body>
  <div class="box">
    <!-- 头部 -->
    <header class="head">
      <div class="title">
        <a href=""><img src="images/return.png" alt=""></a>
        <p>订单详情</p>
      </div>
    </header>
    <!-- 订单已完成 -->
    <section class="finish">
      <p class="toptit">订单已完成</p>
      <div class="content">
        <!-- 收件信息 -->
        <div class="address">
          <img src="images/gps.png" alt="">
          <div class="right">
            <p class="person">收件人：包宝宝<span>8888888888</span></p>
            <p class="addr">上海市XX新区XX路XX号小包子火锅店</p>
          </div>
        </div>
        <!-- 订单详情 -->
        <div class="detail">
          <div class="top">
            <p class="shopname">小包子的火锅店</p>
            <ul>
              <li>
                <img src="images/order.png" alt="">
                <div class="text">
                  <p>火锅面</p>
                  <p>X10<span>100000ks</span></p>
                </div>
              </li>
              <li>
                <img src="images/order.png" alt="">
                <div class="text">
                  <p>火锅面</p>
                  <p>X10<span>100000ks</span></p>
                </div>
              </li>
            </ul>
          </div>
          <div class="bot">
            <p>打折<span>-500ks</span></p>
            <p>新用户<span>-1500ks</span></p>
            <p class="total">总计：550000ks</p>
          </div>
        </div>
        <!-- 订单信息 -->
        <div class="message">
          <p class="tit">订单信息</p>
          <p>订单编号<span>1645646666303021313</span></p>
          <p>下单时间<span></span>2019-02-28 10:50:45</p>
        </div>
      </div>

    </section>

    <!-- 底部导航 -->
    <nav>
      <div class="nav">
        <a href="">去评价</a>
      </div>
    </nav>
  </div>
</body>

</html>